import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
    paddingTop: Metrics.doubleBaseMargin,
  },
  section: {
    marginBottom: Metrics.doubleBaseMargin,
  },
  item: {
    padding: 15,
    backgroundColor: Colors.snow,
    marginBottom: 2,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  avatar: {
    width: 64,
    height: 64,
    borderRadius: 32,
  },
  right: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  rightIcon: {
    color: Colors.steel,
    marginLeft: Metrics.baseMargin,
  }
})
